<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%-- Created by IntelliJ IDEA. --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="copyright" content="All Rights Reserved, Copyright (C) 2013, Wuyeguo, Ltd." />
  <title>EasyUI Web Admin Power by Wuyeguo</title>
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/admin/easyui/ui/themes/default/easyui.css" />
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/admin/easyui/css/wu.css" />
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/admin/easyui/css/icon.css" />
  <script type="text/javascript" src="${pageContext.request.contextPath}/resources/admin/easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/resources/admin/easyui/ui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/resources/admin/easyui/ui/locale/easyui-lang-zh_CN.js"></script>
  <script>
    var shadeDiv = "<div id='PageLoadingTip' style='position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; background: gray; text-align: center;'>	<h1 style='top: 48%; position: relative; color: white;'>页面加载中···</h1>	</div>"

    document.write(shadeDiv );

    function _PageLoadingTip_Closes() {
      $("#PageLoadingTip").fadeOut("normal", function() {
        $(this).remove();
      });
    }

    var _pageloding_pc;

    $.parser.onComplete = function() {
      if (_pageloding_pc)
        clearTimeout(_pageloding_pc);
      _pageloding_pc = setTimeout(_PageLoadingTip_Closes, 200);
    }
  </script>
</head>
<body class="easyui-layout">


<!-- begin of header -->
<div class="wu-header" data-options="region:'north',border:false,split:true">
  <div class="wu-header-left">
    <h1>角色权限后台管理系统</h1>
  </div>
  <div class="wu-header-right">
    <p><strong class="easyui-tooltip" title="2条未读消息">${role.name}:${admin.username}</strong>，欢迎您！</p>
    <p><a href="#">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a href="${pageContext.request.contextPath}/system/logout">安全退出</a></p>
  </div>
</div>
<!-- end of header -->
<!-- begin of sidebar -->
<div class="wu-sidebar" data-options="region:'west',split:true,border:true,title:'导航菜单'">
  <div class="easyui-accordion" data-options="border:false,fit:true">
    <c:forEach items="${topList}" var="topList">
    <div title="${topList.menu_name}" data-options="iconCls:'${topList.icon}'" style="padding:5px;">
      <ul class="easyui-tree wu-side-tree">
        <c:forEach items="${secondList}" var="secondList">
            <c:if test="${secondList.parentId == topList.id}">
        <li iconCls="${secondList.icon}"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="${pageContext.request.contextPath}/${secondList.url}?_mid=${secondList.id}" iframe="0">${secondList.menu_name}</a></li>
            </c:if>
        </c:forEach>
      </ul>
    </div>
    </c:forEach>
  </div>
</div>
<!-- end of sidebar -->
<!-- begin of main -->
<div class="wu-main" data-options="region:'center'">
  <div id="wu-tabs" class="easyui-tabs" data-options="border:false,fit:true">
    <div title="首页" data-options="href:'${pageContext.request.contextPath}/system/welcome',closable:false,iconCls:'icon-tip',cls:'pd3'"></div>
  </div>
</div>
<!-- end of main -->
<!-- begin of footer -->
<div class="wu-footer" data-options="region:'south',border:true,split:true">
  &copy; 2013 Wu All Rights Reserved
</div>
<!-- end of footer -->
<script type="text/javascript">
  $(function(){
    $('.wu-side-tree a').bind("click",function(){
      var title = $(this).text();
      var url = $(this).attr('data-link');
      var iconCls = $(this).attr('data-icon');
      var iframe = $(this).attr('iframe')==1?true:false;
      addTab(title,url,iconCls,iframe);
    });
  })

  /**
   * Name 载入树形菜单
   */
  $('#wu-side-tree').tree({
    url:'temp/menu.php',
    cache:false,
    onClick:function(node){
      var url = node.attributes['url'];
      if(url==null || url == ""){
        return false;
      }
      else{
        addTab(node.text, url, '', node.attributes['iframe']);
      }
    }
  });

  /**
   * Name 选项卡初始化
   */
  $('#wu-tabs').tabs({
    tools:[{
      iconCls:'icon-reload',
      border:false,
      handler:function(){
        $('#wu-datagrid').datagrid('reload');
      }
    }]
  });

  /**
   * Name 添加菜单选项
   * Param title 名称
   * Param href 链接
   * Param iconCls 图标样式
   * Param iframe 链接跳转方式（true为iframe，false为href）
   */
  function addTab(title, href, iconCls, iframe){
    var tabPanel = $('#wu-tabs');
    if(!tabPanel.tabs('exists',title)){
      var content = '<iframe scrolling="auto" frameborder="0"  src="'+ href +'" style="width:100%;height:100%;"></iframe>';
      if(iframe){
        tabPanel.tabs('add',{
          title:title,
          content:content,
          iconCls:iconCls,
          fit:true,
          cls:'pd3',
          closable:true
        });
      }
      else{
        tabPanel.tabs('add',{
          title:title,
          href:href,
          iconCls:iconCls,
          fit:true,
          cls:'pd3',
          closable:true
        });
      }
    }
    else
    {
      tabPanel.tabs('select',title);
    }
  }
  /**
   * Name 移除菜单选项
   */
  function removeTab(){
    var tabPanel = $('#wu-tabs');
    var tab = tabPanel.tabs('getSelected');
    if (tab){
      var index = tabPanel.tabs('getTabIndex', tab);
      tabPanel.tabs('close', index);
    }
  }



</script>
</body>
</html>
